<template>
  <div class='child-view'>
    <p>儿子组件</p>
    <!-- <GrandChild v-bind="$attrs"></GrandChild> -->
    {{isShow}}
    <p>{{row}}</p>
  </div>
</template>

<script>
import GrandChild from './GrandChild.vue'
export default {
  // 继承所有父组件的内容
  inheritAttrs: true,
    props: {
    isShow: {
      type: Boolean,
      dedault: false
    },
    row: {
      type: Object,
      dedault: () => { }
    }
  },
  components: { GrandChild },
  data() {
    return {
    }
  }
}
</script>

<style>
.child-view {
  margin: 20px;
  border: 2px solid red;
  padding: 20px;
}
</style>
